/*Buttons*/
.Inckendobutton {
    color: #ffffff;
    padding: 5px 15px;
    text-align: center;
    background: #284065;
}

    .Inckendobutton:hover {
        background: #7c98c1;
        cursor: pointer;
    }

    .Inckendobutton:active {
        background: #7c98c1;
        cursor: pointer;
        margin-top: 1px;
    }

.InckendobuttonPck {
    color: #ffffff;
    padding: 5px 15px;
    text-align: center;
    background: var(--kendo-color-primary, #05358D);
    font-weight:bold;
    height:35px;
}

    .InckendobuttonPck:hover {
        background: var(--kendo-color-primary-hover, #2b6699) !important;
        cursor: pointer;
    }

    .InckendobuttonPck:active {
        background: #7c98c1;
        cursor: pointer;
        margin-top: 1px;
    }

.k-checkbox.k-rounded-md {
    border-color: #b7acac;
}
.Inckendobutton2 {
    color: white !important;
    padding: 5px 15px;
    text-align: center;
    background: #28A745;
    box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.25);
    border-color: var(--kendo-color-primary, #05358D);
    font-family: 'roboto', sans-serif;
}

    .Inckendobutton2:hover {
        background: #28A745;
        box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.25);
        cursor: pointer;
    }

    .Inckendobutton2:active {
        background: #7c98c1;
        cursor: pointer;
        margin-top: 1px;
    }
.Inckendobutton4 {
    color: black !important;
    padding: 5px 15px;
    text-align: center;
    background: white;
    box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.25);
    border-color: var(--kendo-color-primary, #05358D);
    font-family: 'roboto', sans-serif;
}

    .Inckendobutton4:hover {
        background: #28A745;
        box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.25);
        cursor: pointer;
        color: white !important;
    }

    .Inckendobutton4:active {
        background: #7c98c1;
        cursor: pointer;
        margin-top: 1px;
    }
.k-checkbox {
    width: 17px;
    height: 17px;
    margin: 0;
    padding: 0;
    line-height: initial;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    background-position: center;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    flex: none;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
}

/*Treeview*/
.k-treeview {
    color: #428bca;
}

.k-treeview-leaf:hover, .k-treeview-leaf.k-hover {
    border-color: var(--kendo-color-base-subtle-hover, #ffffff);
    color: var(--kendo-color-on-app-surface, #333333);
    background-color: #ebebeb;
}

.newBtnbox {
    margin-left: auto;
    border: 0.4px solid var(--kendo-color-primary-light, #4184FF);
    border-radius: 10px;
    padding: 5px;
    display: inline-block;
    width: auto;
}

.newAdminBtnbox {
    background: #28A745;
    height: 100%;
    box-shadow: 0px 4px 19px rgba(119, 147, 65, 0.3);
    border-radius: 10px;
}

span.k-clear-value {
    color: white;
}

span.k-input.k-combobox.k-input-solid.k-input-md.k-rounded-md {
    /*    background: rgba(245, 245, 245, 0.2);
*/ background: var(--kendo-color-primary-light, #4184FF);
    box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.25);
    border-color: var(--kendo-color-primary, #05358D);
    color: white;
}
.k-i-close::before {
    color: white;
}

.Inckendobutton3 {
    color: white !important;
    text-align: center;
    box-shadow: 0px 4px 19px rgba(119, 147, 65, 0.3);
    background: rgba(217, 217, 217, 0.3); /* Adjust the last value for transparency */
    border-radius: 6px;
    top: 2px;
    margin: 0.5vh 0.5vh 0.5vh 0.5vh;
    font-family: 'Roboto', sans-serif;
}


    .Inckendobutton3:hover {
        box-shadow: 0px 4px 19px rgba(119, 147, 65, 0.3);
        background: rgba(217, 217, 217, 0.3);
        cursor: pointer;
    }

    .Inckendobutton3:active {
        background: #7c98c1;
        cursor: pointer;
        margin-top: 1px;
    }
.k-grid-search {
    background: rgba(245, 245, 245, 0.2);
    box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.25);
    border-color: var(--kendo-color-primary, #05358D);
    color: white;
}
    .k-grid-search input::placeholder {
        color: white;
    }
    .k-grid-search input {
        border: none;
        padding: 0.167em 5px !important;
        background: rgba(245, 245, 245, 0.2);
/*        box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.25);
*/    }

        .k-grid-search input:focus-within {
            box-shadow: none;
        }

    .k-grid-search .k-icon.k-i-search {
        padding-right: 10px;
    }

    .k-grid-search:focus-within {
        border-color: #76abd9;
        color: #333;
        background-color: #fff;
        box-shadow: 0 0 7px 0 #76abd9;
    }

    .k-grid-search:hover {
        border-color: #aeaeae;
        color: #333;
    }
/*
Splitter*/
.menu-bg {
    background-color: var(--kendo-color-primary, #05358D);
    border-right: 1px solid var(--kendo-color-primary, #05358D);
    box-shadow: 0 1px 5px #FFFFFF;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    color: white;
}
a.box1:hover {
    background-color: #24262e7d;
    cursor: pointer;
    color: #fff;
    text-indent: 3px;
    position: relative;
    font-weight:bold;
}
a.box1-selected:link {
    background-color: #24262e7d;
    cursor: pointer;
    color: #fff;
    text-indent: 3px;
    position: relative;
    font-weight: bold;
}

    a.box1-selected:link::before {
        content: '';
        position: absolute;
        top: 2px;
        left: 4px;
        width: 5px;
        height: 90%;
        background-color: #28A745;
        border-radius: 5px;
    }

a.box1:link {
/*    font-weight: bold;
*/    width: auto;
    color: white;
    padding: 1vh 0vh 1vh 2vh;
    clear: both;
    text-indent: 3px;
    display: block;
    text-decoration: none;
}
.paneContents{
    gap:1vh;
}
.k-window-titlebar {
    background-color: var(--kendo-color-primary, #05358D) !important;
    color: white !important;
}

.k-popover {
    background-color: whitesmoke !important;
}

.k-popover-header {
    background-color: var(--kendo-color-primary, #05358D);
    color: var(--White, #f5f5f5);
    font-weight: bold;
    text-align: center;
}

.k-popover-body {
    overflow: auto;
     max-height: 40vh;
    scrollbar-width: thin;
}

.toast.show {
    border: 1px solid #2f313b7a;
    border-radius: 10px;
}

.toast-header {
    border-bottom: 1px solid #2f313b7a;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.k-list-item.k-selected, .k-selected.k-list-optionlabel {
    background-color: var(--kendo-color-primary, #05358D);
/*    background-color: #28A745;
*/}

.k-list-content {
    scrollbar-width: thin;
}

/*Checkbox check color-profile*/
.k-checkbox:checked, .k-checkbox.k-checked {
    background-color: var(--kendo-color-primary, #05358D);
}


.k-upload .k-upload-button {
    background-color: #28A745;
    color: white;
}

.k-upload .k-dropzone, .k-upload .k-upload-dropzone {
    border: 1px solid #b7acac;
    border-radius: 5px;
}


.k-chip-solid-base {
    color: #fff;
/*    background-color: var(--kendo-color-primary, #05358D);*/
    background-color: #28A745;
}
.k-grid .k-chip-solid-base {
    color: #fff;
    background-color: #28A745;
}
.k-multiselect:hover {
    background-color: var(--kendo-color-base-hover, #ececec);
}

.k-chip-solid-base:hover, .k-chip-solid-base.k-hover {
    background-color: var(--kendo-color-primary-hover, #2b6699) !important
}
/*Logout Dropdown*/
ul#spriteButton_buttonmenu {
    /* background: var(--kendo-color-primary, #05358D);*/
    background: var(--kendo-color-primary-light, #4184FF);
    color: white;
}
.k-panelbar-item-text{
    font-size:1.2rem;
}


/*Grid Serach bar*/

.k-grid-search.k-display-flex {
    background: var(--kendo-color-primary-light, #4184FF);
}


.k-panelbar {
    width: 100%
}

    .k-panelbar > .k-panelbar-header > .k-link {
        color: var(--kendo-color-on-primary, white);
        background-color: var(--kendo-color-primary, #337ab7);
        padding-top: 1%;
        padding-bottom: 1%;
        border: 1px solid #b7acac;
        margin: 3px;
        border-radius: 10px;
    }
.k-splitter .k-scrollable {
    height: 100% !important;
}

.k-splitter {
    border-color: transparent;
}
.k-grouping-drop-container {
    color: var(--kendo-color-on-primary, white);
}
.k-scheduler-toolbar .k-nav-current {
    color: var(--kendo-color-on-primary, white);
}
.k-scheduler-layout {
    height: 100% !important;
}

.k-scheduler-body {
    height: 100% !important;
}

#schedulerLog .k-scheduler-content {
    height: 100% !important;
}
.k-scheduler-content {
    scrollbar-width: thin;
}
.k-scheduler-footer {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.k-combobox .k-input-inner::placeholder {
    color: white !important;
}

.k-combobox > button.k-input-button.k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button {
    margin-right: 1px !important;
}